<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
            background-image 设置背景图片
            背景图片不会溢出元素，img图片会溢出
        */
        div {
            width: 200px;
            height: 200px;
            border: 1px solid red;
            /* background-image: url(https://img10.360buyimg.com/img/jfs/t1/192028/25/33459/5661/63fc2af2F1f6ae1b6/d0e4fdc2f126cbf5.png); */
            background-image: url(./2.png);
        }
    </style>
</head>
<body>
    <div>
        <!-- hello -->
        <!-- <img src="https://img10.360buyimg.com/img/jfs/t1/192028/25/33459/5661/63fc2af2F1f6ae1b6/d0e4fdc2f126cbf5.png" alt=""> -->
    </div>
</body>
</html>